<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="description" content="Your description goes here." />
	<title>Blog | Frontium</title>
	<link rel="shortcut icon" href="img/favicon.ico" />
	<link rel="stylesheet" href="css/screen.css" />
	<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" />
	
	<!-- Styleswitcher CSS -->
	<link rel="stylesheet" href="css/theme-1.css" title="1" />
	<link rel="alternate stylesheet" href="css/theme-2.css" title="2" />
	<link rel="alternate stylesheet" href="css/theme-3.css" title="3" />
	<link rel="alternate stylesheet" href="css/theme-4.css" title="4" />
	<link rel="alternate stylesheet" href="css/theme-5.css" title="5" />
	
	<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<body>
	<header>
		<div id="header-inner">
			<!-- The name of your website -->
			<a href="index-2.html" class="logo">Frontium</a>

			<!-- Main navigation -->
			<nav>
				<ul>
					<li><a href="index-2.html">Home</a></li>
					<li><a href="pricing.html">Pricing</a></li>
					<li><a href="styling.html">Drops</a>
						<ul>
							<li><a href="styling.html"><img src="img/navi-01.png" alt="" /> Styling demos <span>You can also use icons here</span></a></li>
							<li><a href="styling.html"><img src="img/navi-02.png" alt="" /> Placerat eleifend <span>Optional description of this link</span></a></li>
						</ul>
					</li>
					<li><a href="#">Style</a>
						<ul>
							<li><a href="#" onclick="setActiveStyleSheet('1'); return false;">Linen</a></li>
							<li><a href="#" onclick="setActiveStyleSheet('2'); return false;">Wood</a></li>
							<li><a href="#" onclick="setActiveStyleSheet('3'); return false;">Noise</a></li>
							<li><a href="#" onclick="setActiveStyleSheet('4'); return false;">Carbon</a></li>
							<li><a href="#" onclick="setActiveStyleSheet('5'); return false;">Solid</a></li>
						</ul>
					</li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</nav>
			
			<!-- Secondary navigation -->
			<ul id="sec-navi">
				<li><a href="#" class="register">Register</a></li>
				<li><a href="#login" class="fancybox signin"><span>Sign in</span></a></li>
			</ul>
			
			<!-- Search -->
			<form action="#" method="post" id="search">
				<input type="text" name="s" placeholder="Search..." />
				<button type="submit" name="submit">Go</button>
			</form>
		</div><!-- /header-inner -->
	</header>
	
	<div id="pageHeader">
		<div class="wrapper">
			<p id="breadcrumbs"><a href="index-2.html">Home</a> <a href="#">Blog</a></p>
			
			<p>Looking for a great theme? <a href="http://themeforest.net/item/frontium-premium-software-and-app/2372185?ref=myTheme" class="button">Buy Now <span>Only $15</span></a></p>
		</div><!-- /wrapper -->
	</div><!-- /pageHeader -->
	
	<div class="wrapper">		
		<div id="main">
			<h1><a href="#">Version 1.2 will be out soon</a></h1>

			<p class="blog-meta"><a href="#" class="blog-meta-category">News</a> <a href="#comments" class="blog-meta-comments">Three comments</a></p>
			
			<p class="ingress"><img src="img/placeholder.jpg" alt="" class="right" width="240" /> Morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed.</p>
			
			<h2>Many requested features</h2>
			
			<p>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p>
			
			<p>Netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi.</p>
			
			<div id="comments">
				<h2>Comments</h2>
				
				<ul>
					<li>
						<a href="#"><img src="img/placeholder.jpg" alt="" /> James Bond</a>
						<em>April 29th, 2012 at 8:46am</em>
						<p>Tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus pretium ornare est.</p>
					</li>
					
					<li>
						<a href="#"><img src="img/placeholder.jpg" alt="" /> Joe Bloggs</a>
						<em>May 12th, 2012 at 9:17am</em>
						<p>Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam.</p>
					</li>
					
					<li>
						<a href="#"><img src="img/placeholder.jpg" alt="" /> John Doe</a>
						<em>May 13th, 2012 at 2:04pm</em>
						<p>Mauris placerat eleifend leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</p>
					</li>
				</ul>
				
				<h2>Leave a Reply</h2>
				
				<form action="#" method="post" id="contactForm" class="cmxform">
					<input type="text" name="name" size="30" class="required" /> <label>Name <em>required</em></label>

					<input type="text" name="email" size="30" class="required email" /> <label>E-mail <em>required</em></label>

					<input type="text" name="web" size="30" /> <label>Website</label>

						
					<textarea name="message" cols="56" rows="6" class="required"></textarea>

					<button type="submit" name="send">Send</button>
				</form>
			</div><!-- /comments -->
		</div><!-- /main -->
			
		<aside>
			<h3>Recent Comments</h3>
			
			<ul>
				<li>James Bond on <a href="#comments">Version 1.2 will be out soon</a></li>
				<li>Joe Bloggs on <a href="#comments">Version 1.2 will be out soon</a></li>
				<li>John Doe on <a href="#comments">Version 1.2 will be out soon</a></li>
			</ul>
			
			<h3>Categories</h3>
			
			<ul>
				<li><a href="#">Content Management Systems</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">Search Engine Optimization</a></li>
				<li><a href="#">Web Design</a></li>
			</ul>
			
			<p class="box">Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Semper aenean tempor sit amet, ante. Aenean consectetur mi vitae est.</p>
		</aside>
	</div><!-- /wrapper -->
	
	<footer>
		<div class="wrapper">
			<div class="one-third">
				<h3>About</h3>
				
				<p>Semper aenean tempor sit amet, ante. Aenean consectetur mi vitae est. Mauris placerat eleifend leo. Ultricies eget, tempor sit amet, ante.</p>
				
				<ul>
					<li>76 Trinity Place, New York</li>
					<li>212.610.8900</li>
					<li><a href="mailto:">support@frontium.com</a></li>
				</ul>

				<ul id="social">
					<li><a href="#" id="dribbble">Dribbble</a></li>
					<li><a href="#" id="facebook">Facebook</a></li>
					<li><a href="#" id="flickr">Flickr</a></li>
					<li><a href="#" id="twitter">Twitter</a></li>
					<li><a href="#" id="rss">RSS</a></li>
				</ul>
			</div>
			
			<div class="one-third">
				<h3>Latest from Twitter</h3>
				
				<div id="tweet"><p><img src="img/spinner.gif" alt="" /> Please wait while the latest tweets load&hellip;</p></div>
			</div>
			
			<div class="one-third last">
				<h3>Newsletter</h3>
			
				<p>Subscribe to our newsletter and get latest news and exclusive offers straight to your inbox. No spam, we promise. You can unsubscribe anytime.</p>
				
				<form action="http://live.bobosh.com/frontium/newsletter.php" method="post" id="newsletter">
					<input type="text" name="email" size="30" placeholder="Your email here..." class="required email" />
					<button type="submit" name="subscribe">Sign up</button>
				</form>
			</div>
				
			<div id="copyright">
				<p>Copyright &copy; 2012 Frontium</p>
				
				<a href="#header-inner" class="top">Scroll to top</a>
			</div><!-- /copyright -->
		</div><!-- /wrapper -->
	</footer>
	
	<!-- Content for the login modal window -->
	<div style="display:none">
		<div id="login">
			<form method="post" id="login-form" action="#">
				<label>Username or email</label>
				<input name="username" type="text" value="username" />

				<label>Password <a href="#">Forgot?</a></label>
				<input name="password" type="password" value="12345678" />
				
				<button id="login_submit" value="Login" type="submit">Login</button>
			</form>
		</div><!-- /login -->
	</div>

	<!-- JavaScript -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/twitter.min.js"></script>
	<script src="js/jquery.fancybox-1.3.4.pack.js"></script>
	<script src="js/jquery.validate.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
	<script src="js/styleswitcher.js"></script>
	<script src="js/onload.js"></script>
	

</body>

</html>